<article class="portfolio-item">
    <div class="card border-0">
        <figure class="imagebox position-relative">
            <img src="<?php the_post_thumbnail_url( 'gallery' ); ?>" class="card-img-top rounded-0" alt="<?php the_title_attribute() ?>">
            <div class="links d-flex justify-content-center">
                <a href="<?php the_post_thumbnail_url( 'full' ); ?>" class="light_box" data-imagelightbox="f" title="<?php the_title_attribute() ?>" data-ilb2-caption="<?php the_title_attribute() ?>"><i class="fa fa-picture-o"></i></a>
                <a href="<?php the_permalink(); ?>" title="<?php the_title_attribute() ?>"><i
                            class="fa fa-link"></i></a>
            </div>
            <div class="bg-accent position-absolute w-100 h-100"></div>
        </figure>
        <div class="card-body bg-grey">
            <a class="card-title" href="<?php the_permalink(); ?>">
                <h5 class="text-truncate text-center" title="<?php the_title_attribute() ?>"><?php the_title() ?></h5>
            </a>
            <p class="text-center"><small class="text-muted"><i class="fa fa-folder mr-1"></i><?php the_taxonomies(['sep' => ',']); ?></small></p>
        </div>
    </div>
</article>